@/*
    chart标签中各个参数的说明:
    name : 图表名称
    timeInputId : 时间id
    selectIds : 下拉框id集合,以";"分割
    selectValues : 下拉框内容集合,不同下拉框内容以";"分割,同一下拉框内容以","分割
    buttonNames : 按钮名称集合,以";"分割
    buttonIcons : 按钮图标集合,以";"分割
    buttonFuns : 按钮函数集合,以";"分割
    buttonViss : 按钮可见集合,以";"分割
    chartDivIds : 图表图层id集合,以";"分割
    chartTypes : 图表类型集合,以";"分割
    chartIds : 图表id集合,以";"分割
    chartViss : 图表可见集合,以";"分割
@*/
<div class="panel-body">
	<div class="row">
		<div class="panel panel-default">
			<div class="panel-heading col-sm-12">
				<form class="form-inline" role="form">
					<div class="row">
						<div class="col-xs-12">
							@if(isNotEmpty(name)){
								<label class="control-label" >
									<h3 class="ownpanel-title">${name}</h3>
								</label>
							@}
							@if(isNotEmpty(timeInputId)){
								<input type="text" id="${timeInputId}" class="form-control" style="width:350px">
								<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
							@}
							@if(isNotEmpty(selectIds)){
								@for(var i=0;i<strutil.split(selectIds,";").~size;i++){
									<select id="${strutil.split(selectIds,";")[i]}" class="form-control kpicycle">
										@for(var j=0;j<strutil.split(strutil.split(selectValues,";")[i],",").~size;j++){
											<option value="${strutil.split(strutil.split(selectValues,";")[i],",")[j]}">${strutil.split(strutil.split(selectValues,";")[i],",")[j]}</option>
										@}
									</select>
								@}
							@}
							<div class="pull-right">
								@if(isNotEmpty(buttonViss)){
									@for(var i=0;i<strutil.split(buttonViss,";").~size;i++){
									  	@if(strutil.split(buttonViss,";")[i]=="true"){
									  		<button type="button" class="btn btn-primary" onclick="${strutil.split(buttonFuns,";")[i]}" id="${id!}">
											    <i class="fa ${strutil.split(buttonIcons,";")[i]}"></i>&nbsp;${strutil.split(buttonNames,";")[i]}
											</button>
									  	@}
									@}
								@}
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	@if(isNotEmpty(chartViss)){
		@for(var i=0;i<strutil.split(chartViss,";").~size;i++){
			<div @if(strutil.split(chartViss,";")[i]=="true"){
					class="row"
				@}else{
					class="row hidden"
				@}
				id="${strutil.split(chartDivIds,";")[i]}">
				<div class="col-sm-12">
					<div class="ibox float-e-margins" id="${strutil.split(chartTypes,";")[i]}">
						<div class="ibox-title">
						</div>
						<div class="ibox-content">
							<div class="echarts" id="${strutil.split(chartIds,";")[i]}"></div>
						</div>
					</div>
				</div>
			</div>
		@}
	@}
</div>


